<div style="height: 300px;" id="repairChar"></div>
<div style="height: 300px;" id="userChar"></div>
<script>
	$(function() {
		$.get(contextPath + '/bgMenu/menuByParentId/17').done(function(data) {
			var dataList = data.dataList;
			var isShowRepair = false;
			var isUserRepair = false;
			for (var i = 0, j = dataList.length; i < j; i++) {
				if (dataList[i].id == 18) {
					isShowRepair = true;
				}
				if (dataList[i].id == 19) {
					isUserRepair = true;
				}
			}
			if (isUserRepair) {
				var repairChar = echarts.init(document.getElementById('repairChar'));
				var repairCharOption = {
					title : {
						text : '工单统计',
						subtext : ''
					},
					tooltip : {
						trigger : 'axis'
					},
					legend : {
						data : ['未派发', '已派发', '已确认', '维修中', '已完成', '已评价', '已反馈', '已删除']
					},
					toolbox : {
						show : true,
						feature : {
							mark : {
								show : true
							},
							dataView : {
								show : true,
								readOnly : false
							},
							magicType : {
								show : true,
								type : ['line', 'bar']
							},
							restore : {
								show : true
							},
							saveAsImage : {
								show : true
							}
						}
					},
					calculable : true,
					xAxis : [{
						type : 'category',
						data : ['2014.04.01', '2014.04.02', '2014.04.03', '2014.04.04', '2014.04.05', '2014.04.06', '2014.04.07']
					}],
					yAxis : [{
						type : 'value',
						splitArea : {
							show : true
						}
					}],
					series : [{
						name : '未派发',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已派发',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已确认',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '维修中',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已完成',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已评价',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已反馈',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}, {
						name : '已删除',
						type : 'bar',
						data : [Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100), Math.round(Math.random() * 100)]
					}]
				};
				repairChar.setOption(repairCharOption);
			}
			if (isUserRepair) {
				var userChar = echarts.init(document.getElementById('userChar'));
				var userCharOption = {
					title : {
						text : '关注用户数统计',
						subtext : ''
					},
					tooltip : {
						trigger : 'axis'
					},
					legend : {
						data : ['总用户数', '每天新增用户数']
					},
					toolbox : {
						show : true,
						feature : {
							mark : {
								show : true
							},
							dataView : {
								show : true,
								readOnly : false
							},
							magicType : {
								show : true,
								type : ['line', 'bar']
							},
							restore : {
								show : true
							},
							saveAsImage : {
								show : true
							}
						}
					},
					calculable : true,
					xAxis : [{
						type : 'category',
						boundaryGap : false,
						data : ['2014.04.01', '2014.04.02', '2014.04.03', '2014.04.04', '2014.04.05', '2014.04.06', '2014.04.07']
					}],
					yAxis : [{
						type : 'value',
						splitArea : {
							show : true
						}
					}],
					series : [{
						name : '总用户数',
						type : 'line',
						itemStyle : {
							normal : {
								lineStyle : {
									shadowColor : 'rgba(0,0,0,0.4)',
									shadowBlur : 5,
									shadowOffsetX : 3,
									shadowOffsetY : 3
								}
							}
						},
						data : [100, 120, 150, 175, 210, 250, 260]
					}, {
						name : '每天新增用户数',
						type : 'line',
						itemStyle : {
							normal : {
								lineStyle : {
									shadowColor : 'rgba(0,0,0,0.4)',
									shadowBlur : 5,
									shadowOffsetX : 3,
									shadowOffsetY : 3
								}
							}
						},
						data : [10, 20, 30, 25, 35, 40, 10]
					}]
				};
				userChar.setOption(userCharOption);
			}
		});
	}); 
</script>